<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜狗输入法-首页</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/top.css">
    <link rel="stylesheet" href="./css/body.css">
    <link rel="stylesheet" href="./img/iconfont/iconfont.css">
</head>

<body>
    <div class="item">
        <!-- 标题 -->
        <div class="title">
            <!-- 头部版心 -->
            <div class="topbx">
                <!-- 搜狗输入法logo -->
                <div class="titleimg"></div>
                <!-- 文字box -->
                <div class="titletext">
                    <div class="navbox1">
                        <a href="#" class="titlenm nmcp">产品<span class="nmsp"></span></a>
                        <!-- 产品对应的东西 -->
                        <div class="titlenav">
                            <a href="#">输入法Win版</a>
                            <a href="#">输入法手机版</a>
                            <a href="#">输入法Mac版</a>
                            <a href="#">输入法Linux版</a>
                            <a href="#">五笔输入法</a>
                        </div>
                    </div>
                    <div class="navbox2">
                        <a href="#" class="titlenm nmkfpt">开放平台<span class="nmsp"></span></a>
                        <!-- 开放平台对应的东西 -->
                        <div class="skinnav">
                            <a href="#">皮肤表情开放平台</a>
                            <a href="#">输入法开放平台</a>
                        </div>
                    </div>
                    <a href="#" class="titlecallme">联系合作</a>
                </div>
            </div>
        </div>
        <!-- 头部轮播图 -->
        <div class="topswiper">
            <!-- 轮播图版心 -->
            <div class="swiperbx">
                <!-- 轮播图 -->
                <div class="swiperban">
                    <div class="titletop">
                        <h1>AI打字准确高效 <span class="yi swiper-fade-in-out ">|</span></h1>
                        <!-- 左边白色 -->
                        <i class="btn2 btn-float-left"></i>
                        <!-- 左边橙色 -->
                        <i class="btn1 btn-float-left"></i>
                        <!-- 输入法 -->
                        <i class="long1"></i>
                        <!-- 右边橙色 -->
                        <i class="btn4"></i>
                        <!-- 右边蓝色 -->
                        <i class="btn5"></i>
                        <!-- 蓝色框 -->
                        <i class="btn3 btn-float-up"></i>
                        <!-- 打错的拼音 -->
                        <i class="btn6"></i>
                        <!-- 打错 -->
                        <i class="btn7"></i>
                        <!-- 箭头 -->
                        <i class="btn8 btn-float-up"></i>
                        <!-- 右下白 -->
                        <i class="btn10 btn-float-left"></i>
                        <!-- 右下蓝 -->
                        <i class="btn9 btn-float-left"></i>
                    </div>
                    <!-- 指示点 -->
                    <div class="dianbox">
                        <span class="circle circle-active"></span>
                        <span class="circle"></span>
                        <span class="circle"></span>
                        <span class="circle"></span>
                        <span class="circle"></span>
                    </div>
                </div>
                <!-- 白框外部box -->
                <div class="swiperup">
                    <!-- Windows一样的白框 -->
                    <div class="upbox">
                        <!-- 小图标 -->
                        <div class="upimg ui-1"></div>
                        <!-- 文字 -->
                        <div class="uptext">Windows</div>
                    </div>
                    <!-- macos白框 -->
                    <div class="upbox">
                        <div class="upimg ui ui-1"></div>
                        <div class="uptext">macOS</div>
                    </div>
                    <!-- iOS白框 -->
                    <div class="upbox3">
                        <!-- 第一个模块 -->
                        <div class="upbox3-1">
                            <div class="upimg ui2"></div>
                            <!-- /* 头上的小二维码 */ -->
                            <div class="small"></div>
                            <div class="uptext">iOS</div>
                        </div>
                        <!-- 扫码下载 -->
                        <div class="Qrdown">
                            <img src="./img/下载.png">
                            <p>扫码下载</p>
                        </div>
                    </div>
                    <!-- Android白框 -->
                    <div class="upbox3">
                        <div class="upbox3-1">
                            <div class="upimg ui3"></div>
                            <div class="small"></div>
                            <div class="uptext">Android</div>
                        </div>
                        <div class="Qrdown">
                            <img src="./img/下载.png">
                            <p>扫码下载</p>
                        </div>
                    </div>
                    <!-- Linux 个人版 白框 -->
                    <div class="upbox">
                        <div class="upimg ui4 ui-1"></div>
                        <div class="uptext">Linux 个人版</div>
                    </div>
                    <!-- 更多下载白框 -->
                    <div class="upbox up6">
                        <!-- 更多下载对应的东西 -->
                        <div class="morenav">
                            <span class="spanwhite"></span>
                            <a href="#">五笔Win版</a>
                            <a href="#">五笔Mac版</a>
                            <a href="#">医生版</a>
                        </div>
                        <div class="upimg ui5"></div>
                        <div class="uptext">更多下载</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 身体box -->
        <div class="bodybox">
            <!-- /* 身体版心 */ -->
            <div class="bdbx">
                <!-- 标题 -->
                <h1>为B端行业定制多场景输入方案</h1>
                <!-- 身体导航栏 -->
                <div class="bodynav">
                    <a href="#"><span>智能办公</span></a>
                    <a href="#">智慧教育</a>
                    <a href="#">智能家居</a>
                    <a href="#">移动出行</a>
                    <a href="#">智能穿戴</a>
                    <a href="#">娱乐健身</a>
                    <a href="#">智慧金融</a>
                    <a href="#">无障碍</a>
                </div>
                <!-- 导航栏里的内容 -->
                <div class="navcon">
                    <!-- 大图 -->
                    <div class="conimg">
                        <i class="simg1 img-show-hide"><i class="bigcircle bigcircle-act"></i></i>
                        <i class="simg2 img-show-hide"><i class="bigcircle big bigcircle-act"></i></i>
                    </div>
                    <!-- 具体内容 -->
                    <div class="contitle">
                        <h2><span>智</span>能办公</h2>
                        <p>针对智能办公场景，完美适配PC、Pad、会议大屏等智能办公终端。根据企业定制需求，打造企业专属词库，植入文化宣导，助力组织效率提升。</p>
                        <ul>
                            <li><span class="yuan"></span> 公司级安全加密</li>
                            <li><span class="yuan"></span> 企业专属词库</li>
                            <li><span class="yuan"></span> 企业键盘皮肤</li>
                            <li><span class="yuan"></span> 9种键盘样式可选</li>
                            <li><span class="yuan"></span> 大小屏全支持</li>
                        </ul>
                        <!-- /* 下面的小logo */ -->
                        <div class="consmall">
                            <img src="./img/lenovo-1.c39647b3.png">
                            <img src="./img/philips-1.53ce720e.png">
                            <img src="./img/hisense-1.31705e2f.png">
                            <img src="./img/seevo-1.59233146.png">
                        </div>
                    </div>
                </div>
                <div class="moregoods">
                    <h1>更多优秀案例</h1>
                    <!-- 上一页 -->
                    <div class="moreshang">
                        <i class="iconfont icon-shangyiyehoutuifanhui"></i>
                    </div>
                    <!-- /* 更多优秀案例的box */ -->
                    <div class="mgbox">
                        <div class="moregoodsbox" style="left: 0;">
                            <!-- /* 大白框 */ -->
                            <div class="morebox">
                                <img src="./img/tobii.webp" class="moreimg">
                                <a href="#">
                                    <span>眼动输入法！搜狗输入法和tobii眼动仪创新合作...</span>
                                    <span class="know">了解更多</span>
                                    <img src="./img/tobiiLogo.322c0d37.png" class="morelogo">
                                </a>
                            </div>
                            <div class="morebox">
                                <img src="./img/guanjia.webp" class="moreimg">
                                <a href="#">
                                    <span>腾讯电脑管家应用企业定制输入法，办公更高效...</span>
                                    <span class="know">了解更多</span>
                                    <img src="./img/guanjiaLogo.829c81d5.png" class="morelogo">
                                </a>
                            </div>
                            <div class="morebox">
                                <img src="./img/xiaomi.webp" class="moreimg">
                                <a href="#">
                                    <span>小米MIUI上线更好用的搜狗输入法长辈模式...</span>
                                    <span class="know">了解更多</span>
                                    <img src="./img/xiaomiLogo.7be8cc01.png" class="morelogo mo1">
                                </a>
                            </div>
                            <div class="morebox">
                                <img src="./img/keep.webp" class="moreimg">
                                <a href="#">
                                    <span>全新语音交互的Keep运动单车，很酷更好用...</span>
                                    <span class="know">了解更多</span>
                                    <img src="./img/keepLogo.4868de7c.jpg" class="morelogo">
                                </a>
                            </div>
                            <div class="morebox">
                                <img src="./img/AI.webp" class="moreimg">
                                <a href="#">
                                    <span>搜狗输入法智能助手，在小米手机生根开花...</span>
                                    <span class="know">了解更多</span>
                                    <img src="./img/xiaomiLogo.7be8cc01.png" class="morelogo mo1">
                                </a>
                            </div>
                            <div class="morebox">
                                <img src="./img/wps.webp" class="moreimg">
                                <a href="#">
                                    <span>搜狗输入法与金山WPS联合放了个大招...</span>
                                    <span class="know">了解更多</span>
                                    <img src="./img/wpsLogo.194ff8a6.svg" class="morelogo">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- 下一页 -->
                    <div class="morexia">
                        <i class="iconfont icon-xiayiyeqianjinchakangengduo"></i>
                    </div>
                </div>
            </div>
        </div>
        <!-- 联系合作 -->
        <div class="callmeto">
            <a href="#">联系我们合作 <i class="iconfont icon-xiayiye"></i></a>
        </div>
        <!-- 底部box -->
        <div class="bottombox">
            <!-- /* 底部版心 */ -->
            <div class="bottombx">
                <!-- 底部的最头上 -->
                <div class="lowtop">
                    <!-- /* 底部logo */ -->
                    <img src="./img/logo.bace03fd.svg" class="bottomlogo">
                    <div class="lowtext">
                        <div class="text1">
                            <p>商务合作咨询</p>
                            <p>合作邮箱: <a href="#">hci_bd@tencent.com</a></p>
                        </div>
                        <div class="text1 t2">
                            <p>问题反馈&建议</p>
                            <p>联系邮箱: <a href="#">IMETS@tencent.com</a></p>
                        </div>
                    </div>
                    <!-- /* 两个二维码 */ -->
                    <div class="lowimgbox">
                        <div class="imgbox1">
                            <img src="./img/weixin.9738bea4.jpg" alt="">
                            <span>输入法公众号</span>
                        </div>
                        <div class="imgbox1">
                            <img src="./img/weibo.03c4cd1a.jpg" alt="">
                            <span>官方微博</span>
                        </div>
                    </div>
                </div>
                <!-- /* 最底部认证 */ -->
                <div class="last">
                    <span href="#">© 2022 SOGOU.COM 京ICP备11001839号-1 <a href="#">服务协议</a> | <a href="#">隐私政策</a></span>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/index.js"></script>
</html>